<!DOCTYPE html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome</title>
<link type="text/css" rel="stylesheet" href="include/css/main.css" />
<link type="text/css" rel="stylesheet" href="include/css/index.css" />
<script type="text/javascript" src="include/script/jquery.js" ></script>
<script type="text/javascript" src="include/script/slides.min.jquery.js"></script>
<script type="text/javascript" src="include/script/main_ui_control.js"></script>
<script type="text/javascript">

window.onload = function(){
	//绘制菜单背景，需要html5支持
	drawBG();
	//菜单动画
	menu_animation();
	//首页图片轮播
	$(function(){
		$('#slides').slides({
			preload: true,
			preloadImage: 'pic/loading.gif',
			play: 5000,
			pause: 2500,
			hoverPause: true
		});
	});
	//菜单事件绑定
	$("#menu_item_login").click(function(){
		$("#menu_item_login").hide();
		$("#login_form").show();
	});
}
</script>
</head>

<body>
    <div id="slides">
        <div class="slides_container">
            <img src="pic/mybre1.jpg">
            <img src="pic/mybre2.jpg">
            <img src="pic/mybre3.jpg">
            <img src="pic/mybre4.jpg">
            <img src="pic/mybre5.jpg">
        </div>
        <a href="#" class="prev"><img src="pic/arrow-prev.png" width="24" height="43" alt="Prev"></a>
        <a href="#" class="next"><img src="pic/arrow-next.png" width="24" height="43" alt="Next"></a>
    </div>
<div id="_bottom_menu">
    <ul id="bottom_menu_left">
        <li id="menu_item_login">登录</li>
        
        <form id="login_form">
        	<div class="text_input">
            	<span>邮箱</span>
                <input type="text" maxlength="13" />
                <span>@whu.edu.cn</span>
            </div>
            <div class="text_input">
            	<span>密码</span>
                <input type="password" maxlength="13" />
            </div>
           
            
            
            <input type="submit" />
        </form>
        
    </ul>
    <ul id="bottom_menu_right">
        <li>注册</li>
    </ul>
    <canvas id="bg_canvas_left"></canvas>
    <canvas id="bg_canvas_right"></canvas>
</div>
<script language="javascript">

</script>
</body>
</html>
